﻿html,body {
	margin:0;padding:0;
	font-family:"宋体","Lucida Grande", Verdana, Lucida, Arial, Helvetica,sans-serif;
}

ul.navi {
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.navi li { float:left; }
ul.navi li a { text-decoration:none; }


.banner {
	height:101px;
	background:url("../img/backgrounds.png") repeat-x 0 -38px;
}

.header {
	font-size:15px;
	font-weight:bold;
	position:relative;
}

.header ul {
	padding:0 0 0 12px;
	height:38px;
	background:url("../img/backgrounds.png") repeat-x 0 0;
}

.header ul li {
	padding:0 12px;
	color:#D0D0D0;
	text-shadow: 1px 1px #0B203D;
	line-height:38px;
}

.header .hr {
	background-color:#EDEDED;
	height:4px;
	line-height:0px;
}

.header a {
	color: #D0D0D0;
    position:relative;
    top:2px;
}
.header a:hover {
	color:white;
    text-decoration: underline;
}

.header .active {
	background:url("../img/backgrounds.png") repeat-x 0 -139px;
	text-shadow: 1px 1px #eeeeee;
}
.header .active a {
	color:black;
}

.header #nowdate {
	position:absolute;
	right:12px;
	bottom:14px;
	font-size:0.8em;
	color:white;
}

.mainbody {
	padding:8px;
}

#vnavi {
	float:left;
	width:180px;
	font-size:0.9em;
}

#vnavi ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#vnavi li {
	height:42px;
	line-height:42px;
	text-align:center;
	color:#D0D0D0;
	font-weight:bold;
	background-color:#416EA8;
}

#vnavi li.hl {
	color:black;
	background:transparent url("../img/navitabv.png") repeat-x 0 0;
}

#content {
	padding-left:190px;
}

.footer {color:gray;}
.footer .navi {
	font-size:12px;
	width:450px;
	height:14px;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:6px;
}
.footer .navi li {
	padding:0 8px;
	border-left:1px solid #CDCDCB;
}

.footer .navi li.first { border-width:0; }
.footer .navi li a { color:gray; }

.copyright {
	margin:auto;
	font-size:12px;
	clear:both;
	width:270px;
	position:relative;
	top:2px;
}
.copyright span {font-family:calibri,optima,arial,"lucida grande",helvetica,sans-serif;font-size:1.1em;}



.m_buttonbar {
	height:22px;
	margin:0;
	padding:0;
}

.m_buttonbar li:hover {
	background-image:url("../img/bg_buttonbar_hover.png");
}

.m_buttonbar li {
	float:left;
	display:block;
	height:22px;
	line-height:22px;
	font-size:12px;
	list-style-type:none;
	border-right:1px solid #B2BEC4;
	background:url("../img/bg_buttonbar.png") no-repeat 0 -22px;
	padding:0 20px;
	cursor:pointer;
}

.m_buttonbar .m_bb_0 {
	background-position:left 0;
}

.m_buttonbar .m_bb_n {
	background-position:right 0;
	border-right:0 none;
}
